<nz-card style="height: 100%;">
  <nz-divider nzText='作废原因' nzOrientation="center" style="font-weight: bold;font-size: 13px;"></nz-divider>
  
    <div style="margin-left: 20px;">
      <nz-tree [nzData]="nodes" nzShowExpand="false" nzCheckable="true" nzCheckStrictly="true"
         (nzCheckBoxChange)="openFolder($event)">
      </nz-tree>
    </div>

  <div nz-row nzGutter="20" style="margin-top: 30px;">
    <div nz-col nzSpan="4" style=" margin-left: 30px;">
      <span>
        其他原因:
      </span>
    </div>
    <div nz-col nzSpan="12" style="position: relative;right: 20px;">
      <textarea placeholder="Controlled autosize" [nzAutosize]="{ minRows: 3, maxRows: 5 }" nz-input [(ngModel)]="inputValue"></textarea>
    </div>
  </div>
  
  <div nz-row style="margin-top: 30px;">
    <div nz-col nzSpan="24" style="text-align: center;">
      <button nz-button nzType="primary" (click)="okClick()">确定</button>
      <button nz-button (click)="cancleClick()">取消</button>
    </div>
  </div>
</nz-card>
